extends ../common/layout.pug

mixin nav(icon, title)
  .nav
    .title 
      img(src=`${icon}`, alt="") 
      span.g-size4= title
    .more-btn

block body
  include ../common/header.pug
  include ../common/banner.pug
  .m-home
    include ../common/nav.pug
    // 小屏显示的类别
    .row.category.visible-sm.visible-xs.g-section
      .col-xs-4
        .category-item
          img(src='../images/home/c-forum.png')
          .text 公众论坛
      .col-xs-4
        a.category-item(href='./luck.html')
          img(src='../images/home/c-luck.png')
          .text 每日财运
      .col-xs-4
        a.category-item(href='./qa.html')
          img(src='../images/home/c-qa.png')
          .text 课程回答
      .col-xs-4
        .category-item
          img(src='../images/home/c-disk.png')
          .text 紫微命盘
      .col-xs-4
        a.category-item(href='./calendar.html')
          img(src='../images/home/c-calendar.png')
          .text 万年历
      .col-xs-4
        a.category-item(href='./classroom.html')
          img(src='../images/home/c-classroom.png')
          .text 教室
    .row
      //- 最新消息
      .news.col-md-8
        .header.hidden-sm.hidden-xs
          .banner
            img(src="../images/common/ad.jpg", alt="")
        +nav('../images/home/news-icon.png', '最新消息')
        .content
          .row
            each val in [0,1,2,3,4,5]
              .news-item.col-sm-6.col-xs-12.g-section
                .row
                  .img.col-sm-5.col-xs-4
                    img(src="../images/home/news-cover.jpg", alt="")
                  .intro.col-sm-7.col-xs-8
                    .title 
                      b 新岁新知
                    .time.g-size6 2017.02.04
                    .desc.g-text-cut.l2.g-size6 今年是千禧年，立春之日，刚好大家开心，所以去吃饭，最开心的事就是吃饭了，好吃好喝，心满意足啦阿拉啦
      //- 每日运程
      .luck.col-md-4.g-rlt.hidden-sm.hidden-xs
        .header
          .banner
            img(src="../images/home/luck-banner.png", alt="")
        +nav('../images/home/luck-icon.png', '每日运程')
        .content
          b.g-show.g-section 『奇门遁甲』每日财运简介，请
            a(href='#') 按此
          .form-title.g-text-right.g-color-active.g-section
            b 请输入出生年份、月份、日期、时间
          form
            select
              option(value='') 出生年份
              option(v-for='year in years', :value='year') {{year}}年
            select
              option(value='') 出生月份
              option(v-for='month in months', :value='month') {{month}}月
            select
              option(value='') 出生日期
              option(v-for='day in days', :value='day') {{day}}日
            select
              option(value='') 所在地时间
            .g-text-right
              button 搜索 > 
    .row.hidden-sm.hidden-xs
      .forum.col-md-8.g-rlt.g-section
        +nav('../images/home/forum-icon.png', '公众论坛')
        .row.forum-nav.g-text-center#forum-nav
          .col-xs-6
            b.g-show.nav-item(@click='onClickForumNav(0)', :class='{active: forumNav === 0}') 入门场
          .col-xs-6 
            b.g-show.nav-item(@click='onClickForumNav(1)', :class='{active: forumNav === 1}') 资深场
        table
          thead
            tr
              th 标题
              th 作者
              th 回复/查看
          tbody(v-if='forumNav === 0')
            tr
              td
                p.forum-title 
                  b 求教子師兄风鈴裝制
                  img(src="../images/home/latest-label.png", alt="")
                  img(src="../images/home/page-label.png", alt="")
                  span 1
                  span 2
                  span 3
                  img(src="../images/home/hot-label.png", alt="")
                p.forum-time 最后发表：2017年8月8日 2:33p.m. 回复：毛毛
              td.g-text-center 毛毛
              td.g-text-center 13/1222
            tr
              td
                p.forum-title 
                  b 求教子師兄风鈴裝制
                  img(src="../images/home/latest-label.png", alt="")
                  img(src="../images/home/page-label.png", alt="")
                  span 1
                  span 2
                  span 3
                  img(src="../images/home/hot-label.png", alt="")
                p.forum-time 最后发表：2017年8月8日 2:33p.m. 回复：毛毛
              td.g-text-center 毛毛
              td.g-text-center 13/1222
          tbody(v-else)
            tr
              td
                p.forum-title 
                  b 求教子師兄风鈴裝制
                  img(src="../images/home/latest-label.png", alt="")
                  img(src="../images/home/page-label.png", alt="")
                  span 1
                  span 2
                  span 3
                  img(src="../images/home/hot-label.png", alt="")
                p.forum-time 最后发表：2017年8月8日 2:33p.m. 回复：毛毛
              td.g-text-center 毛毛
              td.g-text-center 13/1222
      .calendar.col-md-4.g-rlt.g-section
        +nav('../images/home/calendar-icon.png', '万年历')
        .time.g-section
          p 
            b {{time.year}}年{{time.month}}月{{time.day}}日 {{time.hours | leftPad}}:{{time.minutes | leftPad}}
          p 农历{{lunar.GanZhiYear}}年 {{lunar.lunarMonthName}}{{lunar.lunarDayName}}
        p.title 
          b 十二建除忌宜 : (开)日
        p.desc 
          b 开始丶开展的日子。
        p 
          b.g-color-red 宜
          span ：祭祀丶出行丶祈福丶会友丶理发丶嫁娶丶动土丶修仓丶开市丶移徙。
        p 
          b.g-color-green 忌
          span ：合医丶造酒丶穿井丶开池。
          
    .row.hidden-sm.hidden-xs
      .shop.col-md-8.g-rlt.g-section
        +nav('../images/home/shop-icon.png', '商店')
        .row.g-text-center
          each i in [0,1,2,3]
            .col-sm-3.col-xs-6.item(@click="onClickShopItem(false)")
              .img
                img(src="../images/home/shop-item.png", alt="")
              .title.g-size5.g-color-active 
                b 天使风铃 
              p 编号：CVR1234
              p 会员点数：1.00
              button
                i.iconfont.icon-share
                span 详情
            
      .hot.col-md-4.g-rlt
        +nav('../images/home/hot-icon.png', '热门消息')
        .hot-item
          .title
            b 网站小贴士
          .desc 话题来自：毛毛 回复：13 查看：4545
        .hot-item
          .title
            b 网站小贴士
          .desc 话题来自：毛毛 回复：13 查看：4545
        .hot-item
          .title
            b 网站小贴士
          .desc 话题来自：毛毛 回复：13 查看：4545

    .g-modal(v-show='isShowShopModal')
      .mask(@click="onClickShopModalClose")
      .content
        .row
          .col-sm-4
            .img
              img(src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg", alt="")
          .col-sm-8.desc
            p 
              span.g-color-main 书籍名称：
              span 八字一（试读）
            p 
              span.g-color-main 上传时间：
              span 2016.11.11
            p 
              span.g-color-main 书籍简介：
              span 《紫微径》这书的内容，绝大部分出自我于二〇〇七年时为《苹果日报》写的同名 专拦。此书名的由来，亦堪一记。话説当日《苹果》社长董桥兄问我准备用什么栏名时， 我稍一思索便説叫「紫微径」吧！不料他马上説好，并説：「曲径通幽」。就此一锤定 音。   「紫微径」这个专栏搁笔至今已超过两年，期间是否结集成书，我也曾三心两意。   主要原因是因为结集成书，必须经过大幅度的增删润饰。在我的弟子中，既有人贊  成，亦有人反对，都各有他们的道理。   贊成的认为既然花了七个月的心血写该专栏，亦颇受读者欢迎，应顺理成章的结集 成书。   反对的认为我年事已高，既仍不断花精神于术数上的考证工作，何必再花精神去增 删润饰这些旧作。   此书能够面世，不能不感谢好友潘耀明先生，在过去的两年时间中，他不断的催促 我要把此专栏的文字结集成书。   终于，在去年年底时，决定放低其他杂务，全力的去增删润饰这些文字。既删去不 少的篇章，亦重新写了一些篇章补上，希望如过去我的拙着那样，同样受到读者欢迎。   在新的篇章中，有涉及「奇门遁甲」的，这是我研究了颇长时间而又极少谈及的一 门术数。   所以，此书中包含的术数范畴甚广，既有八字、紫微斗数、玄空风水、铁板神数、 六壬数，更而至奇门遁甲。   由于我年事已高，相信此书会是我最后面世的一部着作。以后纵使再写专栏，亦会 或为兴趣偶一为之而已！同时，得借机会在此説明一下，我在电脑网上并无任何网站亦 无 Facebook 等。望读者明察。    同时我知道我的读者中，不少是对术数颇有研究和认识颇深的人，对于此书之拉杂 成章，尚祈赐谅。   最后得感谢大山文化出版社各位编审员工，他们付出了很大的努力，才使此书得以 面世。   紫微杨  谨识   庚寅初春吉日    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。
            button.btn.is-primary(v-show='!isAuth') 请登录
            button.btn.is-success(v-show='isAuth') 开始课程
        .icon.close(@click="onClickShopModalClose", v-show='!isAuth')
        .icon.green-close(@click="onClickShopModalClose", v-show='isAuth')

block script
  include ../common/script.pug
  script(src="../js/lunar.js", type="text/javascript")
  script(src="../js/home.js", type="text/javascript")

